html, body{
	margin: 0;
	padding: 0;
	background: #0c425c;
	height: 100%
}
a{
	text-decoration: none;
	color: #036
}
a:hover{
	text-decoration: underline	
}
p{
	margin: 0;
	padding: 0;
}
#container{
	width: 100%;
	height: auto !important;	
	min-height: 100%;
	position: relative	
}
#header{
	width: 100%;
	height: 70px;
	float: left;
	display: inline;
	background: url(../imgs/header.png) -91px 0 no-repeat #003D79;
}
#header-content{
	width: 960px;
	height: auto;
	margin: 0 auto
}
h1#logo{
	margin: 0;
	padding: 17px 0 0 0;
	font: 35px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 30px;
	letter-spacing: -3px;
	color: #fff;
}
#buttons{
	width: auto;
	height: auto;
	position: absolute;
	top: 10px;
	right: 0
}
#buttons ul{
	padding: 0;
	margin: 0;
	float: right;
	width: auto;
	list-style: none
}
#buttons ul li{ display: inline }
#buttons ul li a{
	float: right;
	display: inline;
	text-decoration: none;
	background: #efefef;
	width: auto;
	height: 17px;
	margin: 1px 10px 0 0;
	padding: 4px 10px 0 10px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	text-transform: lowercase;
	color: #036
}
#title{
	width: 100%;
	height: 44px;
	float: left;
	border-bottom: 1px solid #CCC;
	background: #fff
}
#title h2{
	width: 918px;
	height: 32px;
	padding: 3px 0 0 42px;
	margin: 6px auto;	
	font: 23px Verdana, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #036
}
h2#title-login{ background: url(../imgs/ico_user.png) no-repeat }
h2#title-tools{ background: url(../imgs/ico_tools.png) no-repeat }
#login{
	width: 303px;
	height: auto;
	margin: 0 auto
}
#login-content{
	width: 303px;
	height: 168px;	
	background: #FFF;
	float: left;
	display: inline;
	border: 1px solid #CCC;
	margin: 15px auto 0 auto;
}
#login h3{
	width: 293px;
	height: 26px;
	margin: 1px 0 0 0;
	padding: 9px 0 0 10px;
	float: left;
	display: inline;
	background: url(../imgs/content-bg.png);
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #666
}
#login p{
	width: 259px;
	height: 32px;
	float: left;
	display: inline;
	margin: 11px 0 0 11px;
	padding: 10px 0 0 33px;
	background: url(../imgs/ico_info.png) no-repeat;
	/*background: blue;*/
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #5E7F86;
	letter-spacing: -1px
}
#login form{
	width: 283px;
	height: auto;
	float: left;
	display: inline;
	margin: 0 10px 0 10px;
	padding: 0;
}
#login input[type=text], input[type=password]{
	width: 120px;
	height: 20px;
	padding: 4px 0 0 10px;
	border: 1px solid #CCC;
	margin: 2px 2px 0 0;
	float: left;
	display: inline;
	font: 14px Arial, Helvetica, sans-serif;
	color: #888
}
#login input[type=button], input[type=submit]{
	width: 70px;
	height: 24px;
	padding: 1px 0 0 0;
	border: 0px;
	background: url(../imgs/bg-button.jpg);
	margin: 20px 2px 0 0;
	float: left;
	display: inline;
	font: 14px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #f2f2f2
}
#footer{
	width: 100%;
	height: 40px;
	overflow: hidden;
	position: relative;
	margin-top: -41px;
	clear: both;
	background: #000;
	filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
	border-top: 1px solid #666
}
#footer p{
	width: 100%;
	height: auto;
	text-align: center;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	letter-spacing: -1px;
	margin: 12px 0 0 0;
}


#content{
	width: 100%;
	height: auto;
	float: left
}
#legend{
	width: 915px;
	height: 24px;
	border: 1px solid #A3D5E7;
	background: url(../imgs/ico_info.png) no-repeat #C7E8F4;
	margin: 15px auto;
	padding: 10px 0 0 43px;
	font: 11px Verdana, Geneva, sans-serif;
	letter-spacing: -1px;
	color: #5E7F86;
	position: relative
}
#frontpage{	
	width: 960px;
	position: relative;
	height: auto;
	margin: 0px auto;
	padding: 0
}
#frontpage h3{	
	height: 26px;
	margin: 1px 0 0 0;
	padding: 9px 0 0 10px;
	float: left;
	display: inline;
	background: url(../imgs/content-bg.png);
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #666
}
#frontpage-content{
	width: 958px;
	height: auto;
	min-height: 100%;
	overflow: hidden;
	position: relative;	
	padding-bottom: 15px;
	padding-bottom: 56px\9;
}
#select-pages{
	width: 548px;
	height: auto;
	float: left;
	display: inline;
	border: 1px solid #CCC;
	background: #FFF
}
#select-pages h3{ width: 538px }
#categories{
	width: 528px;
	padding: 10px;
	height: auto;
	float: left;
	display: inline
}
#categories ul{
	padding: 0;
	margin: 0;
	float: left;
	width: auto;
	list-style: none
}
#categories ul li{ display: inline }
#categories ul li img{ border: 0 }
#categories ul li a{
	float: left;
	display: inline;
	text-decoration: none;
	background: #FFF;
	width: 105px;
	height: 90px;
	margin: 10px 10px 0 0;
	padding: 5px 0 0 0;
	font: 13px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #5E7F86;
	text-align: center;
}
#categories ul li a:hover{ background: #EEE}
#welcome{
	width: 398px;
	height: auto;
	float: right;
	display: inline;
	border: 1px solid #CCC;
	background: #FFF
}
#welcome h3{ width: 388px }
#welcome p{
	width: 368px;
	float: left;
	display: inline;
	font: 13px Arial, Geneva, sans-serif;
	letter-spacing: -1px;
	color: #5E7F86;
	padding: 10px;
}
#box-options{
	width: 960px;
	position: relative;
	height: auto;
	margin: 15px auto;
	padding: 0
}
#box-content{
	width: 958px;
	height: auto;
	min-height: 100%;
	background: #f9f9f9;
	overflow: hidden;
	position: relative;
	border: 1px solid #CCC
}
#box-content img{
	width: 48px;
	height: 48px;
	float: left;
	display: inline;
	margin-right: 10px;
	padding: 10px 0 10px 10px
}
#box-content h1{
	margin: 0;
	padding: 30px 0 0 0;
	float: left;
	display: inline;
	font: 25px Verdana, Geneva, sans-serif;
	color: #5E7F86;
	letter-spacing: -3px
}
#box-buttons{
	width: 400px;
	height: auto;
	float: right;
	display: inline;
	margin: 4px 4px 0 0
}
#box-buttons ul{
	padding: 0;
	margin: 0;
	float: right;
	width: auto;
	list-style: none
}
#box-buttons ul li{ display: inline }
#box-buttons ul li img{
	width: 32px;
	height: 32px;
	border: 0;
	margin: 5px 0 3px 18px;
	padding: 0;	
}
#box-buttons ul li a{
	float: right;
	display: inline;
	text-decoration: none;
	width: 63px;
	height: 58px;
	border: 1px solid transparent;
	margin: 0;
	padding: 0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	text-align: center;
	color: #5E7F86
}
#box-buttons ul li#upload-img{
	float: right;
	display: inline;
	text-decoration: none;
	width: 68px;
	height: 58px;
	border: 1px solid transparent;
	margin: 0;
	padding: 0;
	font: 12px Verdana, Geneva, sans-serif;
	letter-spacing: -1px;
	text-align: center;
	color: #5E7F86;
}
#box-buttons ul li#upload-img:hover{
	background: #EEE	
}
#box-buttons ul li a:hover{
	background: #EEE;
	cursor: pointer
}
#filters{
	width: 960px;
	height: auto;
	position: relative;
	margin: 15px auto;
	padding: 0
}
#box-filters{
	width: 938px;
	height: auto;
	min-height: 100%;
	background: #f9f9f9;
	padding: 10px;
	overflow: hidden;
	position: relative;
	border: 1px solid #CCC
}
#box-filters input[type=text]{
	width: 200px;
	height: 20px;
	padding: 4px 0 0 10px;
	border: 1px solid #CCC;
	margin: 0;
	float: left;
	display: inline;
	font: 14px Arial, Helvetica, sans-serif;
	color: #888
}
#box-filters .select{
	width: 160px;
	height: 24px;
	padding: 0;
	border: 1px solid #CCC;
	margin: 0 0 0 10px;
	float: right;
	display: inline;
	background: url(../imgs/ico_select.png) 133px 1px no-repeat #FFF
}
.box-select{
	width: 158px;
	height: auto;
	position: absolute	
}
.box-select select{
	width: 100%;
	height: 22px;	
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 0;
	left: 0;
	filter:alpha(opacity=0);
    -moz-opacity:0.0;
    opacity:0.0;
	color: #888
}
.select p{
	margin: 4px;
	padding: 0px;	
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #5E7F86;
	position: absolute;
}
#table-list{
	width: 960px;
	height: auto;
	min-height: 100%;
	overflow: hidden;
	position: relative;	
	margin: 15px auto;
	padding: 0;
	padding-bottom: 41px\9; /*hack IE*/
}
#table-list-content{
	width: 958px;
	height: auto;
	background: #fff;
	overflow: hidden;
	float: left;
	display: inline;
	border: 1px solid #CCC
}
#table-list-content form{
	width: 958px;
	height: auto;
	float: left;
	display: inline;
}
#table-list-content h3{
	width: 958px;
	height: 26px;
	margin: 1px 0 0 0;
	padding: 9px 0 0 10px;
	float: left;
	display: inline;
	background: url(../imgs/content-bg.png);
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #666
}
#table-list-content table{
	width: 100%;
	height: auto;
}
#table-list-content table th{
	text-align: left;
	font: bold 12px Verdana, Geneva, sans-serif;
	color: #036;
	letter-spacing: -1px
}
#table-list-content table td{
	text-align: left;
	font: 11px Verdana, Geneva, sans-serif;
	letter-spacing: -1px;
}
#pagination{
	width: auto;
	height: auto;
	float: right;
	display: inline
}
#pagination ul{
	padding: 0;
	margin: 0;
	float: left;
	width: auto;
	list-style: none
}
#pagination ul li{ display: inline }
#pagination ul li a{
	float: left;
	display: inline;
	text-decoration: none;
	width: 18px;
	height: 20px;
	border: 1px solid #CCC;
	background: #EEE;
	margin: 0 0 0 4px;
	padding: 3px 0 0 0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	text-align: center;
	color: #5E7F86
}
#pagination ul li a:hover{ background: #5E7F86; color: #f5f5f5 }
#pagination ul li a.active{ background: #5E7F86; color: #f5f5f5 }
#formulario{	
	width: 960px;
	position: relative;
	height: auto;
	margin: 0px auto;
	padding: 0
}
#formulario h3{	
	height: 26px;
	margin: 1px 0 0 0;
	padding: 9px 0 0 10px;
	float: left;
	display: inline;
	background: url(../imgs/content-bg.png);
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #666
}
#formulario-content{
	width: 958px;
	height: auto;
	min-height: 100%;
	overflow: hidden;
	position: relative;	
	padding-bottom: 15px;
	padding-bottom: 56px\9;
}
#box-formulario{
	width: 548px;
	height: auto;
	float: left;
	display: inline;
	border: 1px solid #CCC;
	background: #FFF
}
#box-formulario h3{ width: 538px }
#box-formulario form{
	width: 548px;
	height: auto;
	float: left;
	display: inline;
}
#box-formulario table{
	width: 548px;
	height: auto;
	font: 14px Arial, Helvetica, sans-serif;
	color: #888
}
#box-formulario table td input[type=text]{
	height: 20px;
	padding: 4px 0 0 10px;
	border: 1px solid #CCC;
	margin: 0;
	float: left;
	display: inline;
	font: 14px Arial, Helvetica, sans-serif;
	color: #888
}
#box-formulario table td input[type=button]{
	height: 24px;
	padding: 0;
	border: 0px;
	background: url(../imgs/bg-button.jpg);
	margin: 0px 2px 0 0;	
	float: left;
	display: inline;
	font: 14px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #f2f2f2;
	cursor: pointer
}
#box-formulario table td textarea{
	width: 532px;
	padding: 4px 0 0 4px;
	border: 1px solid #CCC;
	margin: 0;
	float: left;
	display: inline;
	font: 14px Arial, Helvetica, sans-serif;
	color: #888
}
#box-formulario .select{
	width: 180px;
	height: 24px;
	padding: 0;
	border: 1px solid #CCC;
	margin: 0 10px 0 0;
	float: left;
	display: inline;
	background: url(../imgs/ico_select.png) 153px 1px no-repeat #FFF
}
#box-formulario .box-select{
	width: 180px;
	height: auto;
	position: absolute	
}
#box-formulario .box-select select{
	width: 100%;
	height: 22px;	
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 0;
	left: 0;
	filter: alpha(opacity=0);
    -moz-opacity: 0.0;
    opacity: 0.0;
	color: #888
}
#box-formulario .select p{
	margin: 4px;
	padding: 0px;	
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #5E7F86;
	position: absolute;
}
#box-formulario div#filehiddens{
	/*visibility: hidden;*/
}
#box-formulario div.file-transparent{
	width: 55px;
	height: 20px;
	position: absolute;
	background: red;
	top: 0;
	left: 0
}
div.buttoninputs {
	height: 24px;
	padding: 0;
	border: 0px;
	background: url(../imgs/bg-button.jpg);
	margin: 0px 2px 0 0;	
	float: left;
	display: inline;
	font: 14px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #f2f2f2
}
div.fileinputs{	position: relative }
div.nameinputs{
	width: 55px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	text-align: center;
	padding: 4px 0 0 0;
}
div.fakefile {
	width: 55px;
	height: 24px;
	position: relative;
	overflow: hidden;
	top: 0;
	left: 0;	
	z-index: 3
}
div.realinput {
	width: 55px;
	height: 24px;
	position: relative;
	top: 0;
	left: 0;	
	z-index: 3;
	background: #fff;
	filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
	display: none
}
input.file {	
	width: 100%;
	height: 24px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
	cursor: pointer;
	display: none
}
#preview{
	width: 398px;
	height: auto;
	float: right;
	display: inline;	
	border: 1px solid #CCC;
	background: #FFF
}
#preview h3{ width: 388px }
#preview div#text-preview{
	width: 378px;
	padding: 10px;
	float: left;
	display: inline;
	overflow: auto;
	font: 12px Verdana, Geneva, sans-serif;
	text-align: justify;
	color: #555
}
#text-preview h1{
	width: 100%;	
	height: auto;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #555;
	margin: 7px 0 3px 0;		
}
#text-preview p{
	margin: 7px 0 3px 0;
}
#text-preview li{
	margin: 0 0 0 0;	
}
#text-preview img{
	width: 250px;
	height: 180px;
	float: left;
	display: inline;
	margin: 0 15px 20px 0;
	border: 0
}

/* IMAGENS */
#mostra-imgs{
	width: 100%;
	height: auto;
	float: left;
	display: none;
	margin: 0;
	padding: 0;
}
#mostra-imgs ul{
	width: 100%;
	height: auto;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}
#mostra-imgs ul li{
	 display: inline	
}
#mostra-imgs ul li img{
	width: 48px;
	height: 48px
}
#mostra-imgs ul li a{
	float: left;
	display: inline;
	width: 48px;
	height: 48px;
	border: 1px solid #CCC;
	background: #000;
}
.demo-box{
	width: 100%;
	height: auto;
	float: left;
	display: inline;
	margin: 0;
	padding: 0
}
#custom-queue{
	width: 374px;
	border: 1px solid #EEE;
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
	display: inline;
	overflow-y: auto;
	overflow-x: hidden;
}
#status-message{
	width: 100%;
	height: auto;
	float: left;
	display: inline;
	font: 14px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	margin-bottom: 5px;
}

/* ### INPUT DA MÚSICA */
div.buttonmusic {
	height: 58px;
	padding: 0;
	border: 1px solid transparent;
	margin: 0;
	float: right;
	display: inline;
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #5E7F86;
	text-align: center
}
div.filemusic{	position: relative }
div.namemusic{
	height: 58px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	text-align: center;
	padding: 0
}
div.fakemusic {
	height: 58px;
	position: relative;
	overflow: hidden;
	top: 0;
	left: 0;	
	z-index: 3
}
div.realmusic {
	height: 58px;
	position: relative;
	top: 0;
	left: 0;	
	z-index: 3;
	background: #fff;
	filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
	display: none
}
input.filemusic {	
	width: 100%;
	height: 58px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
	cursor: pointer;
	display: none
}
.uploadifyQueueItem {
	background-color: #FDE5DD;
	border: 2px solid #FBCBBC;
	font: 13px Arial, Verdana, Geneva, sans-serif;
	letter-spacing: -1px;
	margin-bottom: 5px;
	padding: 5px;
	width: 360px;
	float: left;
	display: inline;
}
.uploadifyError {
	background-color: #FDE5DD;
	border: 2px solid #FBCBBC;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyQueue .completed {
	background-color: #EEE;
	border: 2px solid #CCC;
}
.uploadifyProgress {
	background-color: #CCC;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	height: 3px;
	width: 1px;
}